import { App, RendererType } from './app'
import { runHelloWorldExample } from './examples/HelloWorld'

// 创建应用实例 - 默认使用DOM渲染器
const app = new App({ rendererType: RendererType.DOM })

// 运行HelloWorld示例并设置为根元素
app.setRootElement(runHelloWorldExample())

// 挂载到DOM
const root = document.getElementById('app')
if (root) {
  app.mount(root)
  console.log('GPUI Web应用已成功挂载')
  console.log('当前渲染器:', app.getRendererType() === RendererType.DOM ? 'DOM渲染器' : 'WebGL渲染器')
  
  // 启动渲染循环（基于requestAnimationFrame的VSync监听）
  //app.startRenderLoop()
  console.log('渲染循环已启动，正在监听VSync信号...')
  
  // 添加渲染器切换控制
  //createRendererToggle(app)
} else {
  console.error('Root element not found')
}